*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size:14px; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.container1{width:1440px; margin:0px auto;}
.container{width:1200px; margin:0px auto;}
.r{float:right;}
.l{float:left;}




/*头部*/
.header{width: 100%; height:90px; position: absolute; top:0; left:0; z-index: 99; background: rgba(0,0,0,0.7)}
.h_logo{width:195px; height:54px;  float: left; margin-top: 12px;}
.header_img{width:10%; height: 37px; float: right; margin-top: 26px; }
.header_img .h_wx{width:37px; height: 36px; float: left; background: url(../images/wx_icon.png) no-repeat center;position: relative; }
.header_img .h_wx img,.h_sj img{width:110px; height:110px; position: absolute; top:40px; left:-50px; display: none;}
.h_sj{width:37px; height:36px; float: left; background: url(../images/sj_icon.png) no-repeat center;position: relative;margin-left:6%}
.h_wx:hover img{display: block}
.h_sj:hover img{display: block}
.h_dt{width:37px; height: 36px;  float: left; background: url(../images/dt_icon.png) no-repeat center;  margin-left:6%}
.h_dt a{width:100%; height: 100%; display: block}

/*导航*/
#nav{width:62%; height:90px; text-align:center; float: right;}
#nav ul{width:100%; height: auto;}
#nav li{float:left; height:90px; box-sizing: border-box; padding-top:25px;  position:relative; z-index:99; width:12.2%;  }
#nav a.nav_h{width:100%; display:block; float:left;  color:#fff;outline:none;position:relative; font-size: 14px;  }
#nav a.nav_h span{font-size:14px;-webkit-text-size-adjust:none;line-height:14px; display:block; position:relative; color: #fff; margin-top:4px;}
#nav li ul{width:120px; display:none; position:absolute; background:#ddd; top:90px; left:50%; margin-left: -60px; padding:10px 0; z-index:99}
#nav li ul li{width:100%; line-height:30px; height:30px; margin:0; position:relative; padding:0px; background:none; z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{width:100%; height:30px; line-height:30px; color:#333; font-size:14px; float:none;}
#nav li:last-child{background: none;}
#nav li.active a.nav_h,#nav li.active a.nav_h span{color:#056fb7; }
#nav li.nav_li:hover{color:#056fb7; }
#nav li.nav_li ul li:hover a{color:#056fb7}



/*banner*/
.banner{ width:100%;  position:relative;  height:960px;clear: left; }
.banner .slideBox{ width:100%; height:960px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; margin-left: -55px; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;  height: 30px; padding-top: 5px }
.banner .slideBox .hd ul li{ float:left;  margin: 0px 10px;  width:15px; height:15px; text-align:center; background:#fff; cursor:pointer;  border-radius: 50%;}
.banner .slideBox .hd ul li.on{ background: url(../images/b_yuan.png) no-repeat center; width: 20px; height: 20px;  margin: -2px 10px 0;  }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 960px }
.banner .slideBox .bd li a{width:100%; height: 100%; display: block;}
.banner .slideBox .prev,
.slideBox .next{ position:absolute;  top:50%; margin-top:-50px; display:block; width:99px; height:100px; opacity: 0.7 }
.slideBox .next{ right:3%; background: url(../images/b_right.png) no-repeat center}
.slideBox .prev{ left:3%;  background: url(../images/b_left.png) no-repeat center}
.slideBox .prev:hover,
.slideBox .next:hover{ opacity:1;  }



/*关于我们*/
.index_about{width:100%; height:500px; overflow: hidden;  margin-top: 70px;}
.index_about_left{width:33%; height: auto; float: left}
.index_about_left h4{font-size: 42px; color:#777777; font-weight: normal}
.index_about_left .in_about_xx{width:100%; height: auto; margin: 35px 0; font-size: 14px; color: #777777; line-height: 26px;}
.index_about_left span{width:94px; height:22px; background: url(../images/more_bj.png) no-repeat bottom; display: block; font-size: 12px; color: #777777}
.index_about_right{width:auto; float: right; position:relative; z-index:111}
.about_rvideo{width:420px; height: 500px; float: left; position: relative}
.about_rvideo img{width:100%; height: 100%;}
.about_video{width:80px; height: 70px; position: absolute; bottom:0; right:0;}
.about_rqiye{width:420px; height: 500px; float: right; position: relative; margin-left:25px}
.about_rqiye img{width:100%; height: auto;}
.about_rqiye .about_rqiye_xx{width:100%;  height: 100%; position: absolute;top:0; left:0; text-align: center; padding-top:35%}
.about_rqiye_xx h3{font-size: 24px; color: #fff; height: 30px; line-height: 30px; margin-bottom: 10px;}
.about_rqiye_xx p{font-size: 16px; color: #fff; line-height: 25px;}
.about_rqiye_xx span{width:94px; height:22px; background: url(../images/more_bjs.png) no-repeat bottom; display: block; font-size: 12px; color: #fff; margin: 25% auto 0; }


/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}


/*产品中心*/
.index_product{width:100%; height:1130px; padding-top: 122px; background: url(../images/product_bj.jpg) no-repeat center; margin-top: -72px; position:relative}
.index_product_t{width:100%; height: auto; overflow: hidden;  text-align: center}
.index_product_t p{font-size: 16px; color: #4d4d4d; line-height: 40px;}
.gallery-top {height: 80%;width: 100%; margin-top: 110px}
.gallery-top .swiper-slide a{width:95%; height:100%; display: block; background: #fff; padding: 60px 10%; overflow: hidden; margin: 0px auto;}
.in_pro_bottom{width:95%; height: auto; margin:40px auto 0;}
.gallery-thumbs {height: 20%;box-sizing: border-box; }
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs .swiper-slide .in_pro_xpic{width:100%; height: auto;}
.gallery-thumbs .swiper-slide-thumb-active {border:4px transparent solid;  border-image:linear-gradient(to bottom,#00a4e3,#09398b) 2 10;}
.in_pro_bpic{width:46%; height: auto; float:left;  }
.in_pro_bpic img,.in_pro_xpic img{width:100%; height: 100%;}
.in_pro_bxx{width:40%; height: 100%; float: right; padding-top:30px;}
.in_pro_bxx h4{font-size: 22px; color: #4d4d4d; text-align: center; width: 100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap}
.in_pro_bxx span.pro_qian{font-size: 14px; color: #4d4d4d; line-height: 25px; text-transform:uppercase; text-align: center; display: block}
.in_pro_info{width:100%; height:109px; line-height:26px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden; text-align: center; margin:30px auto 20px; text-align:left;}
.in_pro_more{width:200px; height: 50px; background: #343434 url(../images/more_bjs.png) no-repeat center;font-size: 12px; color: #fff; text-align: center; padding-right: 18px; line-height:30px; margin: 0px auto;}
.index_product .swiper-button-next, .index_product .swiper-button-prev{width:80px; height: 180px; margin-top: -90px;}
.index_product .swiper-button-next{background: url(../images/p_right.jpg) no-repeat center; right:0}
.index_product .swiper-button-prev{background: url(../images/p_left.jpg) no-repeat center; left:0}




/*门店展示*/
.index_zhanshi{width:100%; height: 840px; overflow: hidden;}
.index_zhanshi_left{width:42.4%; height: 840px; float: left; background: url(../images/zhanshi_left.jpg) no-repeat center}
.zhanshi_left_xx{width:568px; height: 100%; float: right}
.zhanshi_mendian{width:100%; height: 420px; background: url(../images/cp_zs.jpg) no-repeat center; padding: 20% 17%}
.zhanshi_shops{width:100%; height: 420px; padding: 20% 17%}
.zhanshi_mendian dl,.zhanshi_shops dl{width:200px; height: 95px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 16px 0}
.zhanshi_mendian dl dt,.zhanshi_shops dl dt{font-size: 28px; color: #fff}
.zhanshi_mendian dl dd,.zhanshi_shops dl dd{font-size: 16px; color: #fff; line-height: 30px}
.zhanshi_mendian p,.zhanshi_shops p{font-size: 16px; color: #fff; line-height: 28px; margin-top: 60px;}


.index_zhanshi_right{width:57.6%; height: 840px; float: left; position: relative}
.zhanshi_right_xx{width:78%; height: auto;position: absolute; top:0; left:0; z-index: 999; padding-left: 8%; padding-top: 8% }
.zhanshi_right_xx img{width:100%; height: auto}
.zhanshi_right_xx h4{font-size: 16px; color: #fff; line-height: 30px; margin-top: 10px;}
.index_zhanshi_right ul{width:100%; height: auto; overflow: hidden; margin-top:50px;}
.index_zhanshi_right ul li{width:20%; height: auto; float: left}
.index_zhanshi_right ul li i{width:100%; height:58px; display: block;}
.index_zhanshi_right ul li p{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center}
.index_zhanshi_right ul li .zs_1{background: url(../images/zs_i1.png) no-repeat center}
.index_zhanshi_right ul li .zs_2{background: url(../images/zs_i2.png) no-repeat center}
.index_zhanshi_right ul li .zs_3{background: url(../images/zs_i3.png) no-repeat center}
.index_zhanshi_right ul li .zs_4{background: url(../images/zs_i4.png) no-repeat center}
.index_zhanshi_right ul li:hover  .zs_1{background: url(../images/zs_ih1.png) no-repeat center}
.index_zhanshi_right ul li:hover  .zs_2{background: url(../images/zs_ih2.png) no-repeat center}
.index_zhanshi_right ul li:hover  .zs_3{background: url(../images/zs_ih3.png) no-repeat center}
.index_zhanshi_right ul li:hover  .zs_4{background: url(../images/zs_ih4.png) no-repeat center}

.index_zhanshi_right .swiper-container{width:100%; height: 100%;}
.index_zhanshi_right .swiper-container .zs_pic{width:100%; height: 100%;}
.zs_pic img{width: 100%; height: auto;}
.index_zhanshi_right .swiper-button-next,.index_zhanshi_right .swiper-button-prev{width:50px; height: 50px; left:auto; top:auto;bottom:50px}
.index_zhanshi_right .swiper-button-next{background: url(../images/zs_right.png) no-repeat center; right:15%}
.index_zhanshi_right .swiper-button-prev{background: url(../images/zs_left.png) no-repeat center; right:40%}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ""}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ""}
.index_zhanshi_right .swiper-pagination-bullet{width:14px; height: 14px; background: #fff; opacity: 1; float: left;  }
.index_zhanshi_right .swiper-pagination-bullet-active{background: url(../images/zs_active.png) no-repeat center; width:20px; height: 20px;  }
.index_zhanshi_right .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 10px 0}
.index_zhanshi_right .swiper-container-horizontal>.swiper-pagination-bullets, .index_zhanshi_right .swiper-pagination-custom, .swiper-pagination-fraction{right:24%; left:auto; width: auto; bottom:60px;}





/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_bj.jpg) no-repeat top center; padding-top:80px;}
.index_news_t{width:100%; height:auto; text-align: center }
.index_news_t h4{font-size: 28px; color: #FFFFFF; margin-top: 10px;}
.index_news_t p{font-size: 16px; color: #FFFFFF;  margin-bottom: 10px;}
.swiper_news{width:100%; height: auto; overflow: hidden; transition: all 0.4s ease-in-out;}
.swiper_pic{width:100%; height: auto; overflow: hidden}
.swiper_pic img{width:100%; height: auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.swiper_xx{width:100%; height: auto; overflow: hidden; background: #ededed; padding: 23px 6% 30px; text-align: left}
.swiper_xx h3{width:75%; height: 30px;  line-height: 30px; float: left; font-size: 18px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.swiper_xx span{font-size: 14px; color: #4d4d4d; float: right; line-height: 30px;}
.swiper_xx p{width:100%; height: 50px; line-height: 25px; font-size: 14px; color: #777777; line-height: 25px; margin: 10px 0 15px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}

.swiper_xx .swiper_more{width:94px; height:22px; background: url(../images/n_more_bj.png) no-repeat bottom; display: block; font-size: 12px; color: #777777}
.index_news .swiper-container{margin-top: 24px; padding-top: 70px; padding-bottom: 60px;}
.swiper_news:hover{margin-top: -70px;transition: all 0.4s ease-in-out;}
.swiper_news:hover h3{color:#056fb7; font-size: 18px; font-weight: bold;}
.swiper_news:hover .swiper_more{background: url(../images/more_bj.png) no-repeat bottom; }
.swiper_news:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news .swiper-pagination-bullet{width:60px; height: 10px; background: #ededed; border-radius: 0; opacity: 1}
.index_news .swiper-pagination-bullet-active{background: url(../images/news_bxs.png) no-repeat center}





/*底部*/
.footer{width: 100%; height:350px; background:#333333; position: relative; padding-top:100px; margin-top: 70px;}
.f_logo{width:345px; height: 120px; float: left}
.f_logo img{width:100%; height: 100%;}
.footer_right{width:70%; height: auto; float: right}
.footer_right .footer_top{width:100%; height: 70px; border-bottom: 1px solid #fff}
.footer_top ul{width:81%; height: 100%; float: left}
.footer_top ul li{width:12.2%; height: auto; float: right; text-align: center} 
.footer_top ul li p{font-size: 14px; color: #FFFFFF; line-height: 30px;}
.footer_top ul li span{font-size: 14px; color: #FFFFFF}
.footer_top .header_img{width:132px; margin-top: 8px}
.footer_bottom{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.f1{font-size: 18px; color: #ededed; line-height: 40px; background: url(../images/f_dhs.png) no-repeat left center; padding-left: 35px;}
.f2{font-size: 14px; color: #ededed; line-height: 30px;}


.footer_ban{width:100%; height:70px; line-height: 70px; background: #202020}
.footer_zhichi{width:auto; height:auto; overflow: hidden; float: right; }
.footer_zhichi p{ width: auto;  font-size: 14px; color:#fff; height: 70px; float: left}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:22px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:22px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%;font-size: 14px; color:#fff; float: left }
.f_brq p{float: left; font-size: 14px; color:#fff;}
.f_brq a{margin-left: 15px;  float: left; font-size: 14px; color:#fff;}
.f_brq a:hover{color:#056fb7!important}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}

.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#056fb7;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}


/*手机*/
.sj_header{width:100%; clear:both; height:60px;  padding: 0px 10px;display: none; background: -webkit-linear-gradient(top,#0060c0,#3597f9);
background: -o-linear-gradient(top,#0060c0,#3597f9);
background: -moz-linear-gradient(top,#0060c0,#3597f9);
background: -mos-linear-gradient(top,#0060c0,#3597f9);
background: linear-gradient(top,#0060c0,#3597f9);}
.sj_header_top{width:100%; height: 100%}
.logo{float:left; width:14%; margin-top:7px;}
.logo img{width:100%; height: 100%;}
.menu{float:right; height:auto; width:30px; margin-top:15px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}




.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background: -webkit-linear-gradient(top,#0060c0,#3597f9);
background: -o-linear-gradient(top,#0060c0,#3597f9);
background: -moz-linear-gradient(top,#0060c0,#3597f9);
background: -mos-linear-gradient(top,#0060c0,#3597f9);
background: linear-gradient(top,#0060c0,#3597f9);left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; width: 100%;  height: 100%; display: block}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}
.sj_banner{width:100%;height:auto; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #0796e5}


/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height: 70px;width: 100%; font-size: .14rem; padding-top: 8px; display: none;
background: -webkit-linear-gradient(top,#0060c0,#3597f9);
background: -o-linear-gradient(top,#0060c0,#3597f9);
background: -moz-linear-gradient(top,#0060c0,#3597f9);
background: -mos-linear-gradient(top,#0060c0,#3597f9);
background: linear-gradient(top,#0060c0,#3597f9);  z-index:999}
footer li{width: 20%;height: 100%;float: left; }
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff; opacity: 0.8}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block; color: #fff}
footer li a.active{opacity:1}
footer .n1{background: url(../images/f_h1.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n2{background: url(../images/f_h2.png) no-repeat center;background-size:  100% 100%; width:23px;}
footer .n3{background: url(../images/f_h3.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n4{background: url(../images/f_h4.png) no-repeat center;background-size:  100% 100%; width:25px;}
footer .n5{background: url(../images/f_h5.png) no-repeat center;background-size:  100% 100%; width:32px;}
footer i{height:25px; display: block; margin: 2px auto 0; }
.copy {width: 100%;  text-align: center; line-height: 28px; clear: both; font-size: 14px;  padding: 10px 0; background: #f7f7f7; display: none; }
.copy_dz{width:100%;  height: auto;}
.copy_dz p span{font-size:1.2rem; color: #333333;}
.copy_dz p{color:#333333;line-height:28px; font-size: 1rem; background:none;}
.copy_dz a{color:#333333;line-height:28px; font-size: 1rem}






/*内页banner*/
.ny_banner{width:100%; height:360px; }
.ny_banner img{display:none;}
.about_ban{background: url(../images/about_ban.jpg) no-repeat ;}
.hzhb_ban{background: url(../images/hzhb_ban.jpg) no-repeat ; }
.news_ban{background: url(../images/news_ban.jpg) no-repeat ;}
.pro_ban{background: url(../images/chanpin_ban.jpg) no-repeat ;}
.case_ban{background: url(../images/case_ban.jpg) no-repeat ; }
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat ; }
.jmhz_ban{background: url(../images/jmhz_ban.jpg) no-repeat ; }
.qthz_ban{background: url(../images/qthz_ban.jpg) no-repeat ; }
.join_ban{background: url(../images/join_ban.jpg) no-repeat ; }
.ny_service{font-size:16px; color:#666; line-height:26px; margin-top:40px; margin-bottom:60px;}
.ny_about img{max-width:100%}

/*内页标题*/
.ny_title{width:100%; height: 60px; line-height: 60px;  background: #fff }
.ny_title h3{ font-size: 24px; color: #313131; font-weight: bold; float: left;}
.ny_title h3 span{ font-size: 24px; color: #959595; font-family: "Impact"; margin-left: 5px; font-weight: normal; }
.ny_title_right{float: right; font-size:14px; color: #313131;}
.ny_title_right span{color: #056fb7;}

/*内页产品*/
.ny_product{width:100%; height: auto; overflow: hidden;   background:#f5f5f5; padding-top:30px; padding-bottom:40px;}
.ny_product_list{width:100%; height:auto; margin-top:30px;}
.ny_product_list ul{width:100%; height: auto; overflow: hidden; }
.ny_product_list ul li{width:23.5%; height: auto; float: left; margin-right: 2%; margin-bottom: 30px; background:#fff}
.ny_product_list ul li:nth-child(4n){margin-right: 0}
.ny_product_list ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product_list ul li:hover p{color:#056fb7}
.ny_product_list ul li a:hover i{color:#056fb7}
.ny_product .ny_fubiaoti{margin-top:0}
.pro_top{width:100%; height:130px; overflow: hidden; position: relative; text-align: center}
.pro_top img{width:70px; height: 70px; position: absolute; top:0; left:0}
.pro_top p{width:80%; height: 30px; line-height: 30px;  overflow: hidden; color:#4d4d4d; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 22px; margin: 45px auto 0;}
.pro_top span{font-size: 12px; color: #777777; text-align: center}
.in_pro_pic{width:100%; height:auto; overflow: hidden}
.in_pro_pic img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_pro_xx{width:100%; height:40px; overflow: hidden; margin-top:20px; }
.in_pro_xx p{width:100%; height:40px; line-height: 40px; font-size: 24px; color: #4d4d4d; text-align: center; padding: 0px 10px; margin: 15px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.in_pro_xx a{ float: right; color:#777777; margin: 0px 8px;  height:30px; line-height:30px; }
.in_pro_xx a i{color:#777; font-size: 24px;}
.in_pro_xx a:hover{color:#056fb7}



/*产品详情页*/
.ny_pro_show{width:100%; height: auto; overflow: hidden;  margin-bottom: 40px;  }
.ny_pro_top{width:100%; height: auto; overflow: hidden; background:#f5f5f5; padding-top:30px;}
.ny_pro_tleft{width:800px; height:640px; float: left}
.ny_pro_tright{width:370px; height:480px; float: right; background: #fff; padding: 60px 50px 0; text-align: center }
.ny_pro_rtitle{width:270px; height: 46px; background: url(../images/p_hxs.png) no-repeat center; text-align: center; margin: 0px auto;}
.ny_pro_tright h4{ font-size: 22px; width:100%; color: #4d4d4d;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ny_pro_tright span{font-size: 12px; color: #777777;text-transform:Uppercase}
.ny_pro_tright img{margin: 48px auto; display: block}
.ny_pro_rjj{width:100%; height: auto; overflow: hidden; line-height: 30px; font-size: 16px; color: #4d4d4d;}
.ny_proqian{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.ny_proqian span{font-size:18px; color: #4d4d4d;}
.ny_proqian p{font-size: 40px; color: #4d4d4d}
.ny_pro_bottom{width:100%; height: auto; overflow: hidden; margin-top:30px;}
.ny_pro_bottom img{max-width:100%; height:auto;}
.ny_pro_bleft{width:73%; height: auto; overflow: hidden; float: left}
.ny_probt_case{width:100%; height:368px; margin-top: 30px; }
.ny_probt_case ul{width:100%; height:auto; overflow:hidden}
.ny_probt_case h1,.ny_proshow_num h1{ font-size: 30px; color: #313131; font-weight: bold; text-align: center; margin-bottom: 24px;}
.ny_probt_case li{width:32%; height:auto; float: left; margin-right:2%; margin-bottom: 20px; }
.ny_probt_case li img{width:100%; height: auto;}
.ny_probt_case li:hover img{ transform:scale3d(1.1,1.1,1); }
.nyprocase-div{ width:100%; height:auto; overflow: hidden; }
.nyprocase-div img{ transition:.6s; }
.ny_probt_case li:hover .ny_probt_xx h3{ color:#056fb7; }
.ny_probt_case li .ny_probt_xx{width:100%; height: 40px; border: 1px solid #dcdcdc; padding:0 15px;}
.ny_probt_xx h3{width: 100%; height: 40px;  line-height: 40px; font-size: 14px; color: #313131; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center}
.ny_probt_xx p{ font-size: 13px; color: #313131; width: 100%; height: 25px; line-height:25px; overflow: hidden}
.ny_probt_case li:nth-child(3n){margin-right: 0px;}

.ny_proinput .ny_pro_ft{margin-top:50px;}
.ny_proinput .ny_pro_ft span{color: #056fb7;}
.ny_proinput ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 38px;}
.ny_proinput ul li{width:100%; height: auto; margin-bottom: 12px; overflow: hidden }
.ny_proinput ul li div{height: 36px; width:48%; border: 1px solid #d2d2d2; float: left;}
.ny_proinput ul li div input{width:100%; height: 100%; border: 0px; padding-left: 10px;}
.li_dh{float: right!important}
.ny_proinput ul li textarea{width:100%; height: 88px; border: 1px solid #d2d2d2; padding: 10px; resize: none}
.liji_su{width:423px; height:46px; background: #056fb7; font-size: 16px; color: #ffffff; border: 0px; margin: 10px auto; display: block}
.ny_proinput{overflow:hidden; margin-bottom:20px;}
.ny_pro_bright{width:25%; height: auto; float: right}
.ny_pro_bright h3{ height:65px; line-height:65px;  background:#056fb7;font-size: 18px; color: #fff; text-align: center }
.ny_pro_bright ul{ padding:15px 20px; color:#999;  background: #eeeeee;}
.ny_pro_bright ul li a{font-size: 15px; color: #313131}
.ny_pro_bright ul li {width:100%; height: 32px; line-height: 32px;  overflow: hidden; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_probt{width:100%; height:65px;}
.ny_probt li{width:25%; height:65px; background:#eeeeee; color:#313131; font-size:18px; float:left; text-align:center; line-height:65px; cursor: pointer; border-right:1px solid #fff }
.ny_probt li:last-child{margin-right:0px;}
.ny_probt li:hover{background:#056fb7; color:#fff}
.ny_probt li:hover a{color:#fff}
.ny_probt li.on{background:#056fb7;}
.ny_probt li.on a{ color:#fff}
.ny_probt li a{width:100%; height:100%; display:block; overflow:hidden; font-size: 18px;}

.ny_proshow_num{width:100%; height:auto; overflow:hidden; margin-top: 30px; font-size:16px; color:#666; line-height:26px;}
.ny_proshow_info{width:100%; height:auto; overflow:hidden;  margin-top: 30px;}
.fangan_show{ margin-top:20px;}
.ny_proshow_num table,.ny_proshow_num table tr,.ny_proshow_num table td{border:1px solid #eee;border-collapse: collapse;}






/*荣誉资质*/
.ny_honor_li{height: auto; display: block; overflow: hidden; margin-top: 36px; margin-bottom:50px; }
.ny_honor_li ul{width:100%; overflow: hidden; height: auto; margin-bottom:30px}
.ny_honor_li li{width:23.5%; height: auto; float: left; position: relative; margin-right:2%; margin-bottom: 25px; border: 1px solid #d2d2d2;}
.ny_honor_li li:nth-child(4n){margin-right: 0px;}
.ny_honor_img{width:100%; height:auto; overflow: hidden; position:relative;}
.ny_honor_img img.honor_pic{width:100%; height: 100%; transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}
.ny_honor_h{width:100%; height: 100%;  position: absolute; top: 0px; left: 0; z-index: 999; background: rgba(0,0,0,0.5); text-align: center; display: none; overflow:hidden}
.ny_honor_h h3{width:100%; height:100%;padding:10px; color:#fff; font-size:14px; line-height:190px;}
.ny_honor_h img{width:26px; height: 26px; margin-top:88px;}
.ny_honor_li li:hover .ny_honor_h{ display: block}
.ny_honor_li li:hover .ny_honor_img img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_honor_li li p{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}



/*副标题˜*/
.ny_fubiaoti{width:100%; height: auto; margin-top: 50px; text-align: center; display: table}
.ny_fubiaoti ul{width:auto; margin: 0px auto; display: table}
.ny_fubiaoti ul li{width:197px; height: 56px; background: #eeeeee; text-align: center; line-height: 56px; font-size: 16px; color: #535353; float: left; margin-right: 2px;}
.ny_fubiaoti ul li:last-child{margin-right: 0px;}
.ny_fubiaoti ul li:hover{background: #056fb7;}
.ny_fubiaoti ul li:hover a,.ny_fubiaoti ul li.active a{ color: #fff}
.ny_fubiaoti ul li.active{background: #056fb7;}
.ny_fubiaoti ul li a{ display:block; font-size: 18px;}




/*新闻页面*/
.ny_news{margin-bottom:60px;}
.ny_qynew_list{width:100%; height:auto; overflow:hidden; margin-bottom:40px; margin-top:40px;}
.ny_qynew_list ul{width:100%; height:auto; overflow:hidden}
.ny_qynew_list ul li{width:100%; height:108px; overflow:hidden; margin-bottom:20px; background:#fff}
.ny_qynew_list ul li .ny_qynew_xx{width:88%; float: right; padding:12px 0 0; height:100%;}
.ny_qynew_list ul li:hover h3{color:#056fb7}
.ny_qynew_list ul li:hover p{color:#056fb7}
.ny_qynew_rq{width:104px; height: 108px; background: #eeeeee; text-align: center; padding: 12px; float: left}
.ny_qynew_rq p{font-size: 48px; color: #056fb7; font-family: "Impact"; border-bottom: 1px solid #d2d0d0;}
.ny_qynew_rq span{font-size: 16px; color: #056fb7; font-family: "Impact"; line-height: 30px;}
.ny_qynew_xx h3{ font-size: 18px; color: #313131; height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold;}
.ny_qynew_xx p{ font-size: 14px; color: #898989; line-height:24px; height: 50px;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; overflow:hidden}
.ny_qynew {margin-top:30px; font-size:16px; color:#666; line-height:30px;}





/*联系我们*/

.ny_contact{width:100%; height: auto; overflow: hidden; margin-top: 55px; margin-bottom:83px;}
.contact_ban .container{ padding-top:60px; }
.ny_contact h1{font-size: 36px; color: #313131; line-height: 45px; text-align: center;}
.ny_contact h3{ font-size: 18px; color: #707070; line-height: 35px; text-align: center}
.ny_contact ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 37px;}
.ny_contact ul li{width:281px; height:176px; background: #eeeeee; text-align: center; float: left; margin-right: 25px; margin-bottom: 25px; }
.ny_contact ul li:nth-child(4n){margin-right: 0px;}
.ny_contact ul li i{color:#056fb7; font-size:60px; margin-top: 30px; display: block; margin-bottom: 10px; height: 72px;}
.icon-jiageyuce{font-size:66px!important;}
.ny_contact ul li p{font-size: 22px; color: #313131;}
.ny_conta_xx{width:100%; height: auto; display: block; overflow: hidden; margin-bottom: 42px; margin-top: 20px;}
.ny_conta_info{width:48%; height: 445px; float: left; padding: 35px 35px; background: #f5f5f5}
.ny_conta_img{width:48%; height: auto; float: right}
.ny_conta_img img{width:100%; height: 100%;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: 40px; line-height: 40px;}
.ny_conta_info .ny_if{font-size: 16px; color: #313131; height:auto; line-height: 35px;}
.ny_conta_dh{width:100%; height: 70px; margin-top: 20px;}
.ny_conta_dh img{width:70px; height: 70px; float: left; margin-right: 10px;}
.ny_conta_dh p{ font-size: 18px; color: #313131;}
.ny_conta_dh h5{ font-size: 36px; color: #056fb7; font-family: "Impact"}
.ny_conta_dz{width:100%; height: auto; margin: 20px 0}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:100%; height: auto;}
.ny_cont_wx dl{width:140px; height: 200px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; padding: 10px; background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.ny_contact ul li:hover{background:#056fb7}
.ny_contact ul li:hover i,.ny_contact ul li:hover p{color:#fff}
.ny_map{width:100%; height:460px; position:relative}
.ny_map_xx{width:600px; height:100%; background:rgba(0,0,0,0.5); padding:126px; position:absolute; top:0;left:0}
.ny_map_xx h3{width:100%; height:40px; line-height:40px;  font-size:20px; color:#fff; text-align:left;}
.ny_map_xx p{width:100%; height:30px; color:#ffff; line-height:30px;}
.ny_map_xx p a{color:#fff}
#map{width:100%; height:100%; overflow:hidden}



.page-list{display:none;}







@media screen and (max-width:1440px){
	.container1{width:95%; }

}



@media screen and (max-width:1366px){
	.index_about_right{width:65%}
	.about_rvideo,.about_rqiye{width:48%; height: auto}
}


@media screen and (max-width:1280px){
	.header_img{width:12%}
}


@media screen and (max-width:1204px){
	body{padding-bottom: 70px;}
	.sj_header,.sj_banner,.copy,footer{display: block}
	.container,.container1{width:100%; padding: 0px 10px; }
	.banner,.footer,.footer_ban,.lxfx,.header{display: none;}
	.in_pro_bottom{margin:30px auto}
	.index_product{padding-top:50px; height: 1080px}
	.zhanshi_left_xx{width:100%}
	.zhanshi_right_xx{width:94%}
	.index_zhanshi_right .swiper-button-prev{right:43%}
	.swiper_xx h3{width:65%}
}

@media screen and (max-width:768px){
	.index_about{height:auto; margin-top: 40px;}
	.index_about_left{width:100%; float: none}
	.index_about_right{width:100%; float: none; margin-top: 40px;}
	.index_product{margin-top: 0}
	.index_zhanshi{height: auto;}
	.index_zhanshi_left{width:100%; float: none; height: 420px}
	.zhanshi_mendian,.zhanshi_shops{width:50%; float: left; padding: 10%}
	.index_zhanshi_right{width:100%; float: none; height:auto}
	.zs_pic{background: none!important;}
	.zhanshi_right_xx{width:100%; padding: 8% 2% 0}
	.logo{width:18%; margin-top:10px;}
	.swiper_xx h3{width:60%}
	.ny_conta_dh h5{font-size:30px;}
	.ny_pro_bright ul{padding:15px 10px}
	.ny_qynew_list ul li .ny_qynew_xx{width:auto; float:none; margin-left:120px;}
	.ny_banner{height:auto; background:none!important}
	.ny_banner img{display:block; width:100%; height:auto}

}

@media screen and (max-width:425px){
	.about_rqiye{margin-left: 0; float: right}
	.about_rvideo, .about_rqiye{width: 49%}
	.about_rqiye_xx h3{font-size:1rem}
	.about_rqiye_xx span{margin: 15% auto 0}
	.about_rqiye .about_rqiye_xx{padding-top: 25%}
	.in_pro_bpic,.in_pro_bxx{width:100%; float: none}
	.index_product .swiper-button-next, .index_product .swiper-button-prev{display: none}
	.gallery-top .swiper-slide a{padding: 20px 5% 60px}
	.zhanshi_mendian, .zhanshi_shops{width: 100%; float: none}
	.index_zhanshi_left{height:auto; overflow: hidden}
	.logo{width:32%}
	.index_zhanshi_right ul,.index_zhanshi_right .swiper-button-next, .index_zhanshi_right .swiper-button-prev{display:none}
	.zhanshi_mendian, .zhanshi_shops{height:368px}
	.swiper_xx h3{width:100%; float: none}
	.swiper_xx span{float:none}
	.index_news .swiper-container{padding-top: 10px;}
	.index_news{padding-top: 30px}
	.index_news .swiper-container-horizontal>.swiper-pagination-bullets, .index_news .swiper-pagination-custom, .swiper-pagination-fraction{display: none}
	.video_xx{width:100%; margin-left:0; left:0; height:280px; margin-top:-140px;}
	.ny_fubiaoti ul{width:100%}
	.ny_fubiaoti ul li{width:33.33%; margin-right:0; border-right:1px solid #fff}
	.ny_fubiaoti ul li a{font-size:1rem}
	.ny_title{height:auto;}
	.ny_title h3{width:100%; height:auto;  float:none;}
	.ny_title_right{width:100%; height:auto; float:none;}
	.ny_fubiaoti{margin-top:10px;}
	.ny_honor_li li,.ny_product_list ul li,.ny_probt_case li{width:48%; height:auto; float:left; margin-right:0}
	.ny_honor_li li:nth-child(2n),.ny_probt_case li:nth-child(2n),.ny_product_list ul li:nth-child(2n){margin-right:0; float:right}

	.page-list{display:block;}
	.digg{display:none;}
	.ny_conta_info,.ny_conta_img{width:100%; float:none; padding:15px;}
	.video-box{height:240px;}
	.ny_map{height:380px;}
}


@media screen and (max-width:375px){
	.logo{width:38%}
}




@media screen and (max-width:320px){
	.logo{width:43%;}
	.about_rqiye_xx p{font-size: 1rem}
	.about_rqiye .about_rqiye_xx{padding-top: 10%}
	.zhanshi_right_xx h4{font-size: 0.9rem; line-height: 24px;}
	.index_zhanshi_right .swiper-container-horizontal>.swiper-pagination-bullets, .index_zhanshi_right .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px}
	
}